<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<!--[if lt IE 9]>
<script type="text/javascript" src="/admin/lib/html5shiv.js"></script>
<script type="text/javascript" src="/admin/lib/respond.min.js"></script>
<![endif]-->
	<link rel="stylesheet" type="text/css" href="/admin/static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="/admin/lib/Hui-iconfont/1.0.8/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/skin/default/skin.css" id="skin" />
	<link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/style.css" />
	<!--[if IE 6]>
<script type="text/javascript" src="/admin/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
	<title>权限管理</title>
</head>

<body>
	<nav class="breadcrumb">
		<i class="Hui-iconfont">&#xe67f;</i> 首页
		<span class="c-gray en">&gt;</span> 管理员管理
		<span class="c-gray en">&gt;</span> 权限管理
		<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
		 title="刷新">
			<i class="Hui-iconfont">&#xe68f;</i>
		</a>
	</nav>
	<div class="page-container">
		<div class="text-c">
			<form class="Huiform" method="post" action="" target="_self">
				<input type="text" class="input-text" style="width:250px" placeholder="权限名称" id="" name="">
				<button type="submit" class="btn btn-success" id="" name="">
					<i class="Hui-iconfont">&#xe665;</i> 搜权限节点</button>
			</form>
		</div>
		<div class="cl pd-5 bg-1 bk-gray mt-20">
			<span class="l">


				<a href="javascript:;" onclick="datadel(this)" class="btn btn-danger radius">
					<i class="Hui-iconfont">&#xe6e2;</i> 批量删除
                </a>


				<a href="javascript:;" onclick="admin_permission_add('添加权限节点','/admin/auth/add','','370')" class="btn btn-primary radius">
					<i class="Hui-iconfont">&#xe600;</i> 添加权限节点</a>
			</span>
			<span class="r">共有数据：
				<strong>54</strong> 条</span>
		</div>
		<table class="table table-border table-bordered table-bg">
			<thead>
				<tr>
					<th scope="col" colspan="8">权限节点</th>
				</tr>
				<tr class="text-c">
					<th width="25">
						<input type="checkbox" name="all" value="">
					</th>
					<th width="40">ID</th>
					<th width="100">权限名称</th>
					<th width="100">控制器</th>
					<th width="100">方法</th>
					<th width="50">父id</th>
					<th width="50">作为导航</th>
					<th width="100">操作</th>
				</tr>
			</thead>
			<tbody>
				@foreach($data as $val)
				<tr class="text-c">
					<td>
						<input type="checkbox" value="{{$val -> id}}" name="id">
					</td>
					<td>{{$val -> id}}</td>
					<td>{{$val -> auth_name}}</td>
					<td>{{$val -> controller}}</td>
					<td>{{$val -> action}}</td>
					<td>{{$val -> pid}}</td>
					<td>
						@if($val -> is_nav == '1') 是 @else 否 @endif
					</td>
					<td>
						<a title="编辑" href="javascript:;" onclick="admin_permission_edit('权限编辑','/admin/auth/edit','{{$val -> id}}','','600')" class="ml-5"
						 style="text-decoration:none">
							<i class="Hui-iconfont">&#xe6df;</i>
						</a>
						<a title="删除" href="javascript:;" onclick="admin_permission_del(this,'{{$val->id}}')" class="ml-5" style="text-decoration:none">
							<i class="Hui-iconfont">&#xe6e2;</i>
						</a>
					</td>
				</tr>
				@endforeach
			</tbody>
		</table>
	</div>
	<!--_footer 作为公共模版分离出去-->
	<script type="text/javascript" src="/admin/lib/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="/admin/lib/layer/2.4/layer.js"></script>
	<script type="text/javascript" src="/admin/static/h-ui/js/H-ui.min.js"></script>
	<script type="text/javascript" src="/admin/static/h-ui.admin/js/H-ui.admin.js"></script>
	<!--/_footer 作为公共模版分离出去-->
	<!--请在下方写此页面业务相关的脚本-->
	<script type="text/javascript" src="/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
	<script type="text/javascript">
		//jQuery的页面载入
     $(function() {
       	$('.table-bordered').dataTable({
			"aaSorting": [[ 1, "desc" ]],//默认第几个排序
			"bStateSave": true,//状态保存
			"aoColumnDefs": [
			//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
			{"orderable":false,"aTargets":[0,6,7]}// 制定列不参与排序
			]
		});
    });
    /*
    	参数解释：
    	title	标题
    	url		请求的url
    	id		需要操作的数据id
    	w		弹出层宽度（缺省调默认值）
    	h		弹出层高度（缺省调默认值）
    */
    /*管理员-权限-添加*/
    function admin_permission_add(title, url, w, h) {
        layer_show(title, url, w, h);
    }
    /*管理员-权限-编辑*/
    function admin_permission_edit(title, url, id, w, h) {
        layer_show(title,url+'?id='+id,w,h);
    }

    /*管理员-权限-删除*/
    function admin_permission_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            $.ajax({
                type: 'get',
                url: '/admin/auth/del',
                data:{'id':id},
                dataType: 'json',
                success: function(data){
                    if(data.result) {
                        $(obj).parents("tr").remove();
                        layer.msg('已删除!',{icon:1,time:1000});
                    }		
                },
                error:function(data) {
                    layer.msg(data.msg,{icon:1,time:1000});
                },
            });		
        });
    }

      /*管理员-权限-批量删除*/
    function datadel(obj,id){
        layer.confirm('请谨慎操作,确认要删除吗？',function(index){
			// 定义空数组
            var arr = [];
			// 获取所有被选中的多选框
            var inputs = $('input[type=checkbox]:checked').each(function (i,n) {
			// 循环获取id添加 
                if ($(n).attr('name') == 'id') {
			// 判断剔除表头的那个复选框
                arr.push($(n).val());
                }
            });
			// Ajax 发送获取的数据到控制器
            $.ajax({
                type: 'get',
                url: '/admin/auth/delAll',
                data:{'arr':JSON.stringify(arr)},
                dataType: 'json',
                success: function(data){
                    if(data.result > 0) {
                        $(obj).parents("tr").remove();
                        layer.msg('已删除!',{icon:1,time:1000});
                    }		
                },
                error:function(data) {
                    layer.msg(data.msg,{icon:1,time:1000});
                },
            });		
        });
    }
	</script>
</body>

</html>